@import 'src/'
.mapBox
    position: relative
    width: 100%
    height: 340px
    margin-bottom: 10px

.mapBoxMax
    position: fixed
    top: 0
    right: 0
    bottom: 0
    left: 0
    z-index: 1000

.map
    position: absolute
    top: 0
    left: 0
    width: 100%
    height: 100%

.stepsPanel
    position: absolute
    top: 10px
    right: 8%
    width: calc( 92% - 20px )
    z-index: 1000
    padding: 10px
    background-color: #fff
    display: flex
    // justify-content: space-between

.steps
    width: calc( 100% - 180px )

.stepsAction

.stepsActionBtn
    margin-left: 10px
    background-color: $secondary-color
    border-color: $secondary-color
    &:hover
        background-color: mix($secondary-color, #fff, 85%)
        border-color: mix($secondary-color, #fff, 85%)
    &:focus
        background-color: $secondary-color
        border-color: $secondary-color
    &:active
        background-color: mix($secondary-color, #fff, 80%)
        border-color: mix($secondary-color, #fff, 80%)

.submit
    margin: 0 8px
    &:hover
        color: $secondary-color
        border-color: $secondary-color
    &:focus
        color: $secondary-color
        border-color: $secondary-color
    &:active
        color: mix($secondary-color, #fff, 80%)
        border-color: mix($secondary-color, #fff, 80%)

.outlined
    position: absolute
    top: 10px
    right: 10px
    z-index: 1000
    font-size: 24px
    color: #666
    cursor: pointer

.editor
    position: absolute
    top: 80px
    right: 10px
    z-index: 1000
    font-size: 24px
    color: #666
    cursor: pointer

.remove
    position: absolute
    top: 45px
    right: 10px
    z-index: 1000
    font-size: 24px
    color: #666
    cursor: pointer

.alert
    width: 100%

.alert1
    margin-left: 10px
    width: 140px